<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>欢迎页面-X-admin2.0</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="../static/css/back/font.css">
<link rel="stylesheet" href="../static/css/back/xadmin.css">
<script type="text/javascript" src="../static/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../static/js/back/xadmin.js"></script>
<script type="text/javascript" src="../static/js/back/xcity.js"></script>
 <script type="text/javascript">
    	document.write('<script type="text/javascript" src="../static/js/back/data-stat-money.js?v='+getCookie('JSV')+'"><\/script>');
    </script>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<style type="text/css">
.zh-info {
	border:1px #f2f2f2 solid;
	padding : 15px;
	line-height: 40px;
	text-align: center;
	padding: 15px;
	margin-bottom: 15px;
}



.money {
	font-size: 34px;
	color: rgb(63, 81, 181);
}

.pp {
	font-size: 12px;
}

.addmendian {
	float: right;
}
.price{
	text-align: left !important;
	line-height: 70px;
}
.price span{
	color: rgb(63, 81, 181);
	font-size: 40px;
}

</style>
</head>

<body>
	<div class="x-nav">
		<span class="layui-breadcrumb"> <a href="javascript:;">首页</a> <a
			href="javascript:;">数据统计</a> <a href="javascript:;"><cite>资金统计</cite></a>
		</span> <a class="layui-btn layui-btn-small"
			style="line-height: 1.6em; margin-top: 3px; float: right"
			href="javascript:location.replace(location.href);" title="刷新"> <i class="iconfont icon-refresh right-top-ref" ></i></a>
	</div>
	<div class="x-body one">
		<div class="layui-row zh-info">
			<div class="layui-col-xs3">
				<p class="price">账户余额:<span>0.00</span></p>
			</div>
			<div class="layui-col-xs3">
				<p class="money">0</p>
				<p class="pp">入驻费用(元)</p>
			</div>
			<div class="layui-col-xs3">
				<p class="money">0</p>
				<p class="pp">未提现金额(元)</p>
			</div>
			<div class="layui-col-xs3">
				<p class="money">0</p>
				<p class="pp">已提现金额(元)</p>
			</div>
		</div>
		<div class="layui-row">
			<form action="#" class="layui-form layui-col-md12 x-so"
				onsubmit="javascript:return false;">
				<div class="layui-form-item">
				    <label class="layui-form-label">发生方式</label>
				    <div class="layui-input-block">
				      <input type="radio" name="types" value="" title="全部" checked=""  lay-filter='stat'>
				      <input type="radio" name="types" value="1" title="订单收入"  lay-filter='stat'>
				      <input type="radio" name="types" value="2" title="商家入驻"  lay-filter='stat'> 
				      <input type="radio" name="types" value="3" title="商家提现" lay-filter='stat'>
				      <input type="radio" name="types" value="4" title="订单退款" lay-filter='stat'>
				    </div>
			  </div>
				<div class="layui-item" id="x-city">
					<label for="username" class="layui-form-label">选择日期 </label>
					<div class="layui-input-block">
						<input class="layui-input" placeholder="开始日" name="startTime"
							id="start"> - <input class="layui-input"
							placeholder="截止日" name="endTime" id="end">
					</div>
				</div>
				<br>
				<div class="layui-form-item">
		          	<label for="username" class="layui-form-label"> 店铺名称
		              </label>
		              <div class="layui-input-inline">
		                  <input type="text" name="" id="shoptitle" style="width: 300px;"  placeholder="请输入店铺名称" autocomplete="off" class="layui-input">
		              </div>
				          <button class="layui-btn search-btn" style="margin-left: 150px;"  lay-submit="" lay-filter="sreach">
				          <i class="layui-icon">&#xe615;</i>查询</button>
				          <button type="reset" class="layui-btn layui-btn-primary">重置</button>
				          <span id="showtoser" style="float: right;margin-right: 20px;display: none;">总金额:<b  class="money" id="topicser"></b></span>
              </div>
				
			</form>
		</div>
		<xblock> <!--         <button class="layui-btn" onclick="x_admin_show('添加桌台','./table|shop-table-add.html?type=add',451,330)"><i class="layui-icon"></i>添加桌台</button> -->
		<!--         <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button> -->
		<!--         <button class="layui-btn" onclick="downQrBatch()"><i class="iconfont icon-download"></i>批量下载</button> -->
		<span  class="x-right" style="line-height: 40px">共有数据：0 条</span> </xblock>
		<table class="layui-table">
			<thead>
				<tr>
					<!--             <th> -->
					<!--               <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div> -->
					<!--             </th> -->
					<th>排序</th>
					<th>商家名称</th>
					<th>流水号</th>
					<th>金额</th>
					<th>发生方式</th>
					<th>发起人</th>
					<th>创建时间</th>
			</thead>
			<tbody>
			</tbody>
		</table>
		<div class="layui-form-mid layui-word-aux no-more-data hide">暂无更多数据</div>
		<div class="page mypage"></div>
	</div>
	<script>
	 layui.use(['form','layer','laydate','code'], function(){
         $ = layui.jquery,
        form = layui.form
       ,layer = layui.layer
       ,laydate = layui.laydate;
       
         form.on('radio(stat)', function(data){
        	 $('#topicser').text('');
        	 if(!data.value){
        		 $('#showtoser').hide();
        	 }else{
        		 $('#showtoser').show();
        	 }
         	getListByStat(data.value);
       	}); 
       //执行一个laydate实例
         laydate.render({
           elem: '#start' //指定元素
         });
         //执行一个laydate实例
         laydate.render({
           elem: '#end' //指定元素
         });
       layui.code();
	   $('#x-city').xcity("请选择省","请选择市");
	 });
	</script>

</body>

</html>